<template>

        <router-view  />
     
      <div class="icp">
        {{ `© ${year} ${author}` }}
        <a href="http://beian.miit.gov.cn/" target="_blank">{{ record }}</a>
      </div>


    
  </template>
  
  <script setup>
  import { onMounted, nextTick } from 'vue';
  import { handleThemeStyle } from '@/utils/theme'
  import useSettingsStore from '@/store/modules/settings'
  
  const year = new Date().getFullYear();
  const author = '东莞市宇益通讯有限公司';
  const record = '粤ICP备2024344853号';
  
  onMounted(() => {
    nextTick(() => {
      // 初始化主题样式
      handleThemeStyle(useSettingsStore().theme)
    })
  });
  </script>
  
  <style scoped>
.app-container {
    display: flex;
    flex-direction: column;
    height: 100%;
 
} 
  .icp {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: small;
    text-align: center; /* 文本居中 */
    padding: 10px 0; /* 上下内边距 */
  }
  
  .icp a {
    color: #007bff;
    text-decoration: none;
  }
  
  .icp a:hover {
    text-decoration: underline;
  }
 
  </style>
  
  